<template>
	<component :is="map.get($props.name)" />
</template>
<script setup>
import userDefault from '../userDefault.vue'
import userSelected from '../userSelected.vue'
import passwordDefault from '../passwordDefault.vue'
import passwordSelected from '../passwordSelected.vue'
import passwordDisplay from '../passwordDisplay.vue'
import passwordHide from '../passwordHide.vue'
import homeSearchDefault from '../homeSearchDefault.vue'
import international from '../international.vue'
import loading from '../loading.vue'

defineProps({ name: String })
const map = new Map([
  ['user-default', userDefault],
  ['user-selected', userSelected],
  ['password-default', passwordDefault],
  ['password-selected', passwordSelected],
  ['password-hide', passwordHide],
  ['password-display', passwordDisplay],
  ['home-search-default', homeSearchDefault],
  ['international', international],
  ['loading', loading]
])
</script>
